<div id="vertical-timeline" class="vertical-container dark-timeline center-orientation">
    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-purple">
            <i class="anticon anticon-pay-circle"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Meeting</h2>
            <p>Conference on the sales results for the previous year. Monica please examine sales trends in marketing and products. Below please find the current status of the sale.
            </p>
            <a href="#" class="btn btn-sm btn-primary"> More info</a>
            <span class="vertical-date">
                Today <br/>
                <small>Dec 24</small>
            </span>
        </div>
    </div>

    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-blue-light">
            <i class="anticon anticon-switcher"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Send documents to Mike</h2>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
            <a href="#" class="btn btn-sm btn-success"> Download document </a>
            <span class="vertical-date">
                Today <br/>
                <small>Dec 24</small>
            </span>
        </div>
    </div>

    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-lime">
            <i class="anticon anticon-key"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Coffee Break</h2>
            <p>Go to shop and find some products. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's. </p>
            <a href="#" class="btn btn-sm btn-info">Read more</a>
            <span class="vertical-date"> Yesterday <br/><small>Dec 23</small></span>
        </div>
    </div>

    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-warning-light">
            <i class="anticon anticon-idcard"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Phone with Jeronimo</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
            <span class="vertical-date">Yesterday <br/><small>Dec 23</small></span>
        </div>
    </div>

    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-error-light">
            <i class="anticon anticon-red-envelope"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Go to the doctor dr Smith</h2>
            <p>Find some issue and go to doctor. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </p>
            <span class="vertical-date">Yesterday <br/><small>Dec 23</small></span>
        </div>
    </div>

    <div class="vertical-timeline-block">
        <div class="vertical-timeline-icon bg-primary-light">
            <i class="anticon anticon-trademark"></i>
        </div>

        <div class="vertical-timeline-content">
            <h2>Chat with Monica and Sandra</h2>
            <p>Web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). </p>
            <span class="vertical-date">Yesterday <br/><small>Dec 23</small></span>
        </div>
    </div>
</div>
